<template>
    <div>
        <p>我的</p>
        <input type="text" ref="inp">
    </div>
</template>

<script setup lang="ts">
//  为 ref 属性 标记类型
// console.log( this.$refs.inp);

// 通过ref属性获取dom
import { ref, onMounted } from 'vue';
// 不标记类型的方式:
// const inp = ref()
// onMounted(() => {
//     console.log('inp', inp.value);
// })

// 标记类型方式:
const inp = ref<HTMLInputElement | null>(null)
onMounted(() => {
    console.log(inp.value);
    inp.value?.focus()
})








</script>
<style scoped></style>